{% load staticfiles %}
{% include "header.html" %}

<div id="all_screen" >
    <div class="login-left">
        <a class="login-icon">登录</a>
        <a class="login-forget">{{ help }}</a>
        {% csrf_token %}

        <form action="/login/" method="post">
            <input class="login-input" type="text" name="username" value="吾之名" onfocus="if(this.value=='吾之名') this.value = '' " >
            <input class="login-input" type="text" name="password" value="吾之剑" onfocus="if(this.value=='吾之剑') {this.value = '';this.type = 'password';} ">
            <input class="login-btn" type="submit" value="登录">
            <a class="login-forget">忘记密码?没办法~</a>
            <div class="login-register-box">
            <a class="login-register-help">还没有账号?</a>
            <a href="/register" class="login-register">注册一个</a>
                </div>

        </form>
    </div>
    <div class="login-right">
        <a class="login-image-text">吾明解，吾愿即为求剑而来。</a>
    </div>
</div>

    </div>
    {% load staticfiles %}
    <script src="{% static 'js/jquery-3.1.1.min.js' %}"></script>
    <script src="{% static 'js/bootstrap.min.js' %}"></script>
    <script type="text/javascript">
        (function(){
                $('.nav__trigger').on('click', function (e) {
                    e.preventDefault();
                    $('.nav').toggleClass('nav-active-x');
                    $('#nav_trigger_parent').toggleClass('nav-trigger-active')
                });
                $("#all_screen").height($(window).height()-50);
        }())
    </script>

    <script type="text/javascript">
        if (window !== top) top.location = window.location;
    </script>
</body>
</html>